// var mychart = echarts.init(document.getElementById("b1"));

// function getRndInteger(min, max) {
//     return Math.floor(Math.random() * (max - min) ) + min;
// }

// function dataChange(){ 
//     //先生成模拟的数据 
//     var data=[];
//     var x,y,z;
//     for(var i=0;i<100;i++){
//         x=getRndInteger(1,200);
//         y=getRndInteger(1,100);
//         z=getRndInteger(2,30);
//         data.push([x]);
//     }
    
//     var option ={
//         series:{
//             type:'gauge',
//             data:[{
//                 name: '速度',
//                 value: data,
//             }],
//             min:20,
//             max:200,
//         },
//         title:{
//             text:'成绩占比',
//             subtext:'沈林涛',
//         },
//     };
//     mychart.setOption(option);
// }

// //画出第一个初始化的图
// dataChange();
// //之后定期更新
// setInterval(function(){dataChange();},500);

var mychart = echarts.init(document.getElementById("b1"));

var option ={
    series:{
        type:'gauge',
        data:[{
            name: '速度',
            value: 77,
        }],
        min:20,
        max:200,
    },
    title:{
        text:'仪表盘',
        subtext:'沈林涛',
    },
};
mychart.setOption(option)

var myChart2 = echarts.init(document.getElementById("b2"))
var option2 = {
    title: {
        text: '仪表盘-沈林涛',
    },
    series:{
        type:'gauge',
        data:[
            {value:50,name:'当前速度'}
        ],
        radius: '90%',
        min: 0,
        max: 200,
        title: {
            show: true,
            backgroundColor: 'yellow',
        },
        detail: {
            formatter:'{value}km/h',
            fontSize: 20,
        },
        axisLine: {
            lineStyle: {
                color: [
                    [0.2, '#fa0004'],
                    [0.6, '#007d00'],
                    [0.9, '#0000f8'],
                    [1, '#000000']
                  ]
            },
        },
    },
};
myChart2.setOption(option2)

var mychart3 = echarts.init(document.getElementById("b3"));

var option3 ={
    series:{
        type:'gauge',
        data:[{
            name: ' ',
            value: 0,
            detail:{
                show:false,
            },
        }],
        min:0,
        max:60,
        startAngle: 90,
        endAngle: -270,
        splitNumber: 12,
        axisLabel: {
            formatter: function(value){
                if(value==0){
                    return '';
                }else{
                    return value;
                }
            },
        },
    },
    title:{
        text:'时钟',
        subtext:'沈林涛',
    },
};
mychart3.setOption(option3);
setInterval(function(){
    var timeT = option3.series.data[0].value;
    timeT = (timeT + 1) % 60;
    option3.series.data[0].value = timeT;
    mychart3.setOption(option3);
},1000);